{layout name="common/layout"/}

<style>
  .product_cont .section_1 .s1_cont .list {
    margin-right: 1%;
  }
  .product_cont .section_1 .s1_tab .tab.active {
    background: #12257c;
  }
  .product_cont .section_1 .s1_tab .tab:hover {
    background: #12257c;
    color: #fff;
  }
  .product_cont .section_1 .title::after {
    background: #12257c;
  }
  .product_cont .section_1 .s1_cont .list .more {
    background: #12257c;
  }
  .product_cont .section_1 .s1_tab .tab {
    transition: 0.25s;
  }
  .product_cont .section_1 .s1_cont .list:nth-child(4n) {
    margin-right: 0%;
  }
  .product_cont .section_1 .s1_cont .tab_cont {
    justify-content: start;
  }
  .pager .pagination {
    display: flex;
  }
  .pager .pagination li:first-child {
    display: none;
  }
  .pager .pagination li:last-child {
    display: none;
  }
  .s1_cont .tab_cont .list .img_bg img {
    height: 100%;
    object-fit: cover;
    margin: 0;
    transition: 0.25s;
  }
  .product_cont .section_1_bg {
    padding: 65px 0 122px;
  }
  .product_cont .section_1 .s1_cont .list .text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
  }
  .product_cont .section_1 .s1_cont .list .img_bg {
    height: 205px;
  }
  .product_cont .section_1 .s1_cont .list .img_bg .img {
    height: 100%;
    overflow: hidden;
  }
  .product_cont .section_1 .s1_cont .list .img_bg:hover img {
    height: 110%;
  }
</style>
<div class="public_banner">
  <div class="img w100 h100">
    <img src="__ADDON__/xnr/image/banner_10.jpg" class="w100 h100" alt="" />
  </div>
  <div class="ban_cont w1300">
    <!--            <div class="title">产品中心</div>-->
    <!--            <div class="title_en">Product Center</div>-->
  </div>
</div>
<div class="product_cont" id="prd">
  <div class="section_1_bg">
    <div class="section_1 w1300">
      <div class="title">产品中心</div>
      <div class="subhead">PRODUCT CENTER</div>
      <div class="s1_tab disflex">
        {cms:channellist id="sub" type="son" typeid="90"}
        <a class="tab {if $sub->is_active} active{/if}" href="{$sub.url}#prd"
          >{$sub.name}</a
        >
        {/cms:channellist}
      </div>
      <div class="s1_cont">
        <div class="tab_cont">
          {cms:pagelist id="item" orderby="weigh"}
          <a class="list" href="{$item.url}" target="_blank">
            <div class="img_bg">
              <div class="img">
                <img src="{$item.image}" class="middle w100 h100" alt="" />
              </div>
              <!-- <div class="more">
                <a href="{$item.url}" target="_blank">查看详情+</a>
              </div> -->
            </div>
            <div class="text">{$item.title}</div>
          </a>
          {/cms:pagelist}
        </div>
      </div>
      <div class="pager">{include file="common/pageinfo" /}</div>
    </div>
  </div>
</div>
